//position定位
//定位类型
.trbl-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
$position-types: (
  relative: relative,
  absolute: absolute,
  static: static,
  fixed: fixed,
  sticky: sticky,
);

@each $typeKey, $type in $position-types {
  .#{$typeKey} {
    position: $type;
  }
}

//定位方向
$position-directions: (
  t: top,
  l: left,
  b: bottom,
  r: right
);

//定位位置
$position-sizes: (
  'auto':auto,
  0:0,
  1: .3rem,
  2: 2%,
  5: 5%,
  8: 8%,
  10: 10%,
  40: 40%,
  50: 50%,
  60: 60%,
  25: 25%,
  35: 35%,
  20: 20%,
  30: 30%
);

@each $directionKey, $direction in $position-directions {
  @each $sizeKey, $size in $position-sizes {
    .#{$directionKey}-#{$sizeKey} {
      #{$direction}: $size;
    }
  }
}

//和上面一样
@each $directionKey, $direction in $position-directions {
  @each $sizeKey, $size in $position-sizes {
    .#{$directionKey}-#{$sizeKey} {
      #{$direction}: $size;
    }
  }
}
/*************************浮动****************************/
$float:(
  right	:right,
  left	:left,
  none	:none,
);
@each $key,$value in $float{
  .float-#{$key}{
    float: $value;
  }
}
// 清除浮动
$clearfloat:(
  right	:right,
  left	:left,
  both	:both,
  none	:none,
);
@each $key,$value in $clearfloat{
  .clear-#{$key}{
    clear: $value;
  }
}
$abc:(
  after:after,
  before:before,
);

/* 清除浮动 */
@each $key,$value in $abc {
  .clear-float::#{$key}{
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    *height: 1%;
  }
}





/**********************可见性****************************/
.visible{
  visibility: visible;
}	
.invisible{
  visibility: invisible;
}	


/*************************z-index**************************/
$z-index:(
  0:0,
  1:1,
  2:2,
  3:3,
  4:4,
  5:5,
  6:6,
  7:7,
  8:8,
  9:9,
  10:10,
  20:20,
  30:30,
  40:40,
  50:50,
  60:60,
  70:70,
  80:80,
  90:90,
  99:99,
  "auto":auto
);
@each $key,$value  in $z-index{
  .z-#{$key}{
    z-index:$value
  }
}

/*************************Object Fit*************************/
$object-fit:(
  contain:contain,
  cover:cover,
  fill:fill,
  none:none,
  scale-down:scale-down,
);
@each $key,$value in $object-fit{
  .object-#{$key}{
    object-fit:$value
  }
}